import dateOptions from "@/utils/date"; //引入date的渲染
import product from "../../../api/GoodsAndGifts/product";

//引入axios的请求

let brand = {
    name: "index",
    data() {
        return {
            dateOptions,
            tableData: [],//数据信息
            searchParams: {
                currentPage: 1,//当前页
                pageSize: 5,//每页显示条数
            },
            selectIds: [],//选中的数值
            options: [],//返回的信息数值
            batchIds: [],//批量删除  判断选中是否修改 和删除
            dialogVisible: false,//新增窗口默认不开
            formData: {},//新增表单信息
            activeName: 'first',//添加列表默认勾选的框
            total: 0,
            brandList: [], //搜索框中所有品牌信息
            typeList: [], //搜索框中所有类型信息
            colorList: [], //搜索框中所有颜色信息
        }
    },
    created() {//回调函数
        console.log("asd1")
        //查询
        this.searchPage();
        //搜索下拉框渲染
        this.getAllBrand();
        //搜索下拉框渲染
        this.getAllType();
        //搜索下拉框渲染
        this.getAllColor();
    },
    methods: {
        /**
         * 查询所有
         */
        async searchPage() {
            let response = await product.searchPage(this.searchParams);
            console.log(product.searchPage(this.searchParams))
            console.log(response.data);
            this.total = response.total;//总行数复制
            this.tableData = response.data;//数据信息赋值
        },

        //点击下一页 发生改变
        currentPageChange(page) {
            this.searchParams.currentPage = page;//当前页赋值
            this.searchPage();//刷新页面
        },
        //点击重置
        resetForm() {
            //重置第一页信息
            this.searchParams = {currentPage: 1, pageSize: 5}
        },
        /**
         * 拿到品牌所有信息
         */
        async getAllBrand() {
            this.brandList = await product.getAllBrand();
        },
        /**
         * 拿到类型所有信息
         */
        async getAllType() {
            this.typeList = await product.getAllType();
        },
        /**
         * 拿到颜色所有信息
         */
        async getAllColor() {
            this.colorList = await product.getAllColor();
        },     //checkbox勾选改变
        selectChange(val) {
            console.log(val)
            /**
             * 复选框选择修改 进行id赋值
             */
            if (val.length == 1) {
                //id赋值
                this.formData.id = val[0].id;
            } else {
                this.formData.id = "";
            }
        },

    }

}

export default brand;